<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="baibai">
  <meta name="keywords" content="堡垒机,跳板机,运维安全审计,远程控制,VNC,RDP,内网穿透|百百|百百堡垒机">
  <meta name="description" content="基于web的远程控制，无任何插件，协议支持vnc，rdp，支持内网穿透，四层协议代理。">
  <title>堡垒机|堡垒机百百</title>
  <style>
    @keyframes hidePreloader {
      0% {
        width: 100%;
        height: 100%;
      }

      100% {
        width: 0;
        height: 0;
      }
    }

    body>div.preloader {
      position: fixed;
      background: white;
      width: 100%;
      height: 100%;
      z-index: 1071;
      opacity: 0;
      transition: opacity .5s ease;
      overflow: hidden;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    body:not(.loaded)>div.preloader {
      opacity: 1;
    }

    body:not(.loaded) {
      overflow: hidden;
    }

    body.loaded>div.preloader {
      animation: hidePreloader .5s linear .5s forwards;
    }
  </style>
  <script>
    window.addEventListener("load", function () {
      setTimeout(function () {
        document.querySelector('body').classList.add('loaded');
      }, 300);
    });
  </script>
  <!-- Favicon -->
  <link rel="icon" href="assets/img/logo.png" type="image/png">
  <link rel="stylesheet" href="assets/libs/@fortawesome/fontawesome-free/css/all.min.css">
  <!-- Quick CSS -->
  <link rel="stylesheet" href="assets/css/quick-website.css" id="stylesheet">
</head>

<body>
  <h1 style="position:absolute;opacity:1;">堡垒机_运维安全审计系统_运维权限管控-百百</h1>
  <!-- Preloader -->
  <div class="preloader">
    <div class="spinner-border text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <div class="modal fade" tabindex="-1" role="dialog" id="modal-cookies" data-backdrop="false"
    aria-labelledby="modal-cookies" aria-hidden="true">
    <div class="modal-dialog modal-dialog-aside left-4 right-4 bottom-4">
      <div class="modal-content bg-dark-dark">
        <div class="modal-body">
          <!-- Text -->
          <p class="text-sm text-white mb-3">
            We use cookies so that our themes work for you. By using our website, you agree to our use of cookies.
          </p>
          <!-- Buttons -->
          <a href="pages/utility/terms.html" class="btn btn-sm btn-white" target="_blank">Learn more</a>
          <button type="button" class="btn btn-sm btn-primary mr-2" data-dismiss="modal">OK</button>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white">
    <div class="container">
      <!-- Brand -->
      <a class="navbar-brand" href="index.html">
        <img alt="Image placeholder" src="assets/img/logo.png" id="navbar-logo">
        堡垒机 | 百百 | 开源
      </a>
      <!-- Toggler -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
        aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Collapse -->
      <div class="collapse navbar-collapse hide" id="navbarCollapse" style="display: none !important">
        <ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
          <li class="nav-item dropdown dropdown-animate" data-toggle="hover">
            <a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
              aria-expanded="false">产品</a>
            <div class="dropdown-menu dropdown-menu-single">
              <a href="index.html" class="dropdown-item">专业版(2.X.X)</a>
              <a href="about.html" class="dropdown-item">公共版(1.X.X)</a>
              <div class="dropdown-divider"></div>
              <a href="contrast.html" class="dropdown-item">版本对比</a>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" target="_bank" href="https://gitee.com/baibaiclouds/platform">源码</a>
          </li>
        </ul>
        <!-- Button -->
        <a class="navbar-btn btn btn-sm btn-primary d-none d-lg-inline-block ml-3" target="_bank"
          href="https://gitee.com/baibaiclouds/deployment-platform">
          一键部署
        </a>
        <!-- Mobile button -->
        <div class="d-lg-none text-center">
          <a href="https://gitee.com/baibaiclouds/deployment-platform" target="_bank"
            class="btn btn-block btn-sm btn-warning">一键部署</a>
        </div>
      </div>
    </div>
  </nav>
  <!-- Main content -->
  <section class="slice py-7">
    <div class="container">
      <div class="row row-grid align-items-center">
        <div class="col-12 col-md-5 col-lg-6 order-md-2 text-center">
          <!-- Image -->
          <figure class="w-100">
            <img alt="Image placeholder" src="assets/img/svg/illustrations/illustration-3.svg"
              class="img-fluid mw-md-120">
          </figure>
        </div>
        <div class="col-12 col-md-7 col-lg-6 order-md-1 pr-md-5">
          <!-- Heading -->
          <h1 class="display-4 text-center text-md-left mb-3">堡垒机</h1>
          <h1 class="display-4 text-center text-md-left mb-3">
            <strong class="text-primary">是一个无客户端远程桌面网关</strong>
          </h1>
          <!-- Text -->
          <p class="lead text-center text-md-left text-muted">
            发起远程控制，你只需要一个浏览器就可以,不需要任何插件或客户端软件。<strong class="text-primary">噢！对了，无公网计算机也能够进行控制。</strong>
          </p>
          <!-- Buttons -->
          <div class="text-center text-md-left mt-5">
            <a href="/deployment.html" class="btn btn-primary btn-icon">
              <span class="btn-inner--text">开始部署系统</span>
              <span class="btn-inner--icon"><i data-feather="chevron-right"></i></span>
            </a>
            <a href="/demo.html" class="btn btn-neutral btn-icon d-none d-lg-inline-block">在线体验<span
                class="btn-inner--icon"><i data-feather="chevron-right"></i></span></a>
            <a href="https://gitee.com/baibaiclouds/platform" class="btn btn-neutral btn-icon d-none d-lg-inline-block"
              target="_blank">源 码&nbsp;<i class="fab fa-github"></i></a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="slice slice-lg pt-lg-6 pb-0 pb-lg-6 bg-section-secondary">
    <div class="container">
      <!-- Title -->
      <!-- Section title -->
      <div class="row mb-5 justify-content-center text-center">
        <div class="col-lg-6">
          <span class="badge badge-soft-success badge-pill badge-lg">
            功 能 特 性
          </span>
          <h2 class=" mt-4">百百堡垒机是无客户端远程桌面网关。它支持标准协议，例如VNC，RDP和SSH。</h2>
          <div class="mt-2">
            <p class="lead lh-180">发起远程时无需客户端，是因为基于HTML5,不需要插件或客户端软件。</p>
          </div>
        </div>
      </div>
      <!-- Card -->
      <div class="row mt-5">
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="assets/img/svg/illustrations/illustration-5.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration" />
              </div>
              <h5 class="h4 lh-130 mb-3">从任何地方访问您的计算机</h5>
              <p class="text-muted mb-0">由于百百堡垒机是基于HTML5
                Web应用程序，因此您对计算机的使用不受任何设备或位置的约束。只要您有权访问网络浏览器，就可以访问您的机器（前提被远程PC得安装好百百-客户端进行内网穿透）。</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="assets/img/svg/illustrations/illustration-6.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration" />
              </div>
              <h5 class="h4 lh-130 mb-3">无公网计算机也能进行控制</h5>
              <p class="text-muted mb-0">通过百百堡垒机被控制计算机只要安装好百百堡垒机客户端，就算没有公网IP也能够进行远程控制，实现内网穿透。</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <div class="card-body pb-5">
              <div class="pt-4 pb-5">
                <img src="assets/img/svg/illustrations/illustration-7.svg" class="img-fluid img-center"
                  style="height: 150px;" alt="Illustration" />
              </div>
              <h5 class="h4 lh-130 mb-3">轻松传文件</h5>
              <p class="text-muted mb-0">当远程控制通道建立之后可进行轻松传文件，能够把控制者的文件传给被控制的计算机，也能够把被控制的计算机文件传给控制者。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="slice slice-lg pt-lg-6 pb-0 pb-lg-6 bg-section-secondary">
    <div class="container">
      <div class="row mb-5 justify-content-center text-center">
        <div class="col-lg-6">
          <h2 class=" mt-4">我们为您提供以下产品</h2>
        </div>
      </div>
      <!-- Card -->
      <div class="row mt-5">
        <div class="col-md-6">
          <div class="card">
            <div class="card-body pb-5">
              <h5 class="h4 lh-130 mb-3"><a href="#">专业版</a></h5>
              <p class="text-muted mb-0">面向单个团队、企业用户，账号管理员分配，被控方无权限拒绝发起的远程控制。</p>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card">
            <div class="card-body pb-5">
              <h5 class="h4 lh-130 mb-3"><a href="@">公共版</a></h5>
              <p class="text-muted mb-0">面向多团队运维，账号自由注册，被控方自由度大。</p>
            </div>
          </div>
        </div>
      </div>
      <center>
        <a style="width:200px;" href="/contrast.html" class="btn btn-block btn-sm btn-warning">版本详细比对</a>
      </center>
    </div>
  </section>
  <section class="slice slice-lg">
    <div class="container">
      <center>
        <span class="badge badge-soft-success badge-pill badge-lg">
          更 多 功 能 特 性
        </span>
      </center>
      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5">
            <h5 class="h3">轻松发起远程控制</h5>
            <p class="lead my-4">
              百百堡垒机是基于HTML5 Web应用程序，在发起时根据自身网络情况选择画质，画质有三个单位供你选择。
              随时随地发起远程控制，可在任意计算机、IPAD、甚至手机。
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">一键发起远程控制</span>
                  </div>
                </div>
              </li>
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-store-alt"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">无需登录用户和密码</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6">
            <div class="card mb-0 ml-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder"
                  src="https://img-blog.csdnimg.cn/e8cee240861e4d748effc58167dfc759.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rOV5Y-377ya5ZCD6IKJ,size_20,color_FFFFFF,t_70,g_se,x_16"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5 order-lg-2">
            <h5 class="h3">远程操作就是这么简单</h5>
            <p class="lead my-4">
              百百堡垒机是基于HTML5 Web应用程序，无需任何插件，直接在WEB进行远程控制。
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">极致的远程体验</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6 order-lg-1">
            <div class="card mb-0 mr-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder" src="assets/img/baibaipro/远程控制中-网页控制中.png"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5">
            <h5 class="h3">内网穿透</h5>
            <p class="lead my-4">
              被控制计算机无需公网IP，只要安装百百-客户端就能够控制，百百-客户端还可以代理局域网端口穿透到公网。
              友情提示：公共版支持此功能
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">无公网控制</span>
                  </div>
                </div>
              </li>
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-store-alt"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">内网端口穿透</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6">
            <div class="card mb-0 ml-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder" src="/assets/img/svg/illustrations/illustration-7.svg"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5 order-lg-2">
            <h5 class="h3">权限控制</h5>
            <p class="lead my-4">
              拥有企业级权限控制，能够控制员工账号看到指定的计算机。
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">角色权限控制</span>
                  </div>
                </div>
              </li>
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-store-alt"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">每个菜单权限</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6 order-lg-1">
            <div class="card mb-0 mr-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder"
                  src="https://img-blog.csdnimg.cn/4a3517c029e046909952287902b97773.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rOV5Y-377ya5ZCD6IKJ,size_20,color_FFFFFF,t_70,g_se,x_16"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5">
            <h5 class="h3">录像回放</h5>
            <p class="lead my-4">
              随时录制远控控制过程，建立企业完善的追溯机制。
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">录像审计</span>
                  </div>
                </div>
              </li>
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-store-alt"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">录像存储、删除</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6">
            <div class="card mb-0 ml-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder"
                  src="https://img-blog.csdnimg.cn/aa8c6d66514d4b77a122c1c531468609.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rOV5Y-377ya5ZCD6IKJ,size_20,color_FFFFFF,t_70,g_se,x_16"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="py-6">
        <div class="row row-grid justify-content-between align-items-center">
          <div class="col-lg-5 order-lg-2">
            <h5 class="h3">客户端</h5>
            <p class="lead my-4">
              简洁大气的客户端，内网穿透全交给客户端搞定。还可轻松传文件，只要把文件拖到客户端界面上就可以传文件给WEB端。
            </p>
            <ul class="list-unstyled mb-0">
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-file-invoice"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">内网穿透，无公网也能控制</span>
                  </div>
                </div>
              </li>
              <li class="py-2">
                <div class="d-flex align-items-center">
                  <div>
                    <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                      <i class="fas fa-store-alt"></i>
                    </div>
                  </div>
                  <div>
                    <span class="h6 mb-0">轻松传文件</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-6 order-lg-1">
            <div class="card mb-0 mr-lg-5">
              <div class="card-body p-2">
                <img alt="Image placeholder"
                  src="https://img-blog.csdnimg.cn/07ddd1db71004797ac0603e44d8a0b59.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5rOV5Y-377ya5ZCD6IKJ,size_20,color_FFFFFF,t_70,g_se,x_16"
                  class="img-fluid shadow rounded">
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </section>
  <section class="slice slice-lg bg-section-dark pt-5 pt-lg-8">
    <!-- SVG separator -->
    <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
      <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
        xml:space="preserve" class="">
        <polygon points="2560 0 2560 100 0 100"></polygon>
      </svg>
    </div>
    <!-- Container -->
    <div class="container position-relative zindex-100">
      <div class="col">
        <div class="row justify-content-center">
          <div class="col-md-10 text-center">
            <div class="mt-4 mb-6">
              <h2 class="h1 text-white">
                你准备好了吗?
              </h2>
              <h4 class="text-white mt-3">创建属于你自己的堡垒机系统</h4>
              <a href="/deployment.html" class="btn btn-primary btn-icon mt-4">立即部署</a>
              <a href="/demo.html" target="_bank" class="btn btn-primary btn-icon mt-4">立即体验</a>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="slice pt-0">
    <div class="container position-relative zindex-100">
      <div class="row">
        <div class="col-xl-4 col-sm-6 mt-n7">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-warning badge-pill">Tips</span>
              </div>
              <div class="pl-4">
                <h5 class="lh-130">私有云安全运维</h5>
                <p class="text-muted mb-0">
                  堡垒机部署到你局域网，不被外部直接攻击，安全、方便的运维你计算机。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-sm-6 mt-sm-n7">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-success badge-pill">Tips</span>
              </div>
              <div class="pl-4">
                <h5 class="lh-130">不需要登录密码</h5>
                <p class="text-muted mb-0">
                  在堡垒机系统添加计算机之后，后续进行远程控制时，不用登录用户和密码，避免登录用户密码泄漏。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-md-12 col-sm-6 mt-xl-n7">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-danger badge-pill">Tips</span>
              </div>
              <div class="pl-3">
                <h5 class="lh-130">多个窗口同时远程控制</h5>
                <p class="text-muted mb-0">
                  在远程控制时，你可以同时控制多个计算机，极大提高你的运维效率。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xl-4 col-sm-6">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-warning badge-pill">Tips</span>
              </div>
              <div class="pl-4">
                <h5 class="lh-130">一键部署</h5>
                <p class="text-muted mb-0">
                  部署百百堡垒机很简单，只需要一个脚本一个命令就可以部署完成。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-sm-6">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-success badge-pill">Tips</span>
              </div>
              <div class="pl-4">
                <h5 class="lh-130">相互传文件</h5>
                <p class="text-muted mb-0">
                  控制方和被控制方可以相互传文件。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-md-12 col-sm-6">
          <div class="card">
            <div class="d-flex p-5">
              <div>
                <span class="badge badge-danger badge-pill">Tips</span>
              </div>
              <div class="pl-3">
                <h5 class="lh-130">远程关机</h5>
                <p class="text-muted mb-0">
                  PC忘记关机没关系，一个按钮就可控制关机。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="slice slice-lg">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <span class="badge badge-primary badge-pill">还有其它特点</span>
        </div>
      </div>
      <br>
      <!-- Features -->
      <div class="row mx-lg-n4">
        <!-- Features - Col 1 -->
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">100% 代码开放</span>
                <p class="text-sm text-muted mb-0">
                  代码开放，功能可自定义
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">无广告</span>
                <p class="text-sm text-muted mb-0">
                  本系统没有任何广告
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">无限制</span>
                <p class="text-sm text-muted mb-0">
                  功能全部开放，不限功能，不限性能。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-success text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">操作简单</span>
                <p class="text-sm text-muted mb-0">
                  系统界面大气，操作及其简单。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">无插件</span>
                <p class="text-sm text-muted mb-0">
                  仅需浏览器，极致 Web 控制体验
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                  <i data-feather="check"></i>
                </div>
              </div>
              <div>
                <span class="h6">安全审计</span>
                <p class="text-sm text-muted mb-0">
                  控制过程有录像，随时审计。
                </p>
              </div>
            </div>
          </div>
        </div>
        <!-- Features - Col 3 -->
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div>
                  <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                    <i data-feather="check"></i>
                  </div>
                </div>
              </div>
              <div>
                <span class="h6">账号管理</span>
                <p class="text-sm text-muted mb-0">
                  账号轻松管理，可控制账号权限。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div>
                  <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                    <i data-feather="check"></i>
                  </div>
                </div>
              </div>
              <div>
                <span class="h6">Docker部署</span>
                <p class="text-sm text-muted mb-0">
                  基于Docker部署，后续升级很简单。
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 px-lg-4">
          <div class="card shadow-none">
            <div class="p-3 d-flex">
              <div>
                <div>
                  <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                    <i data-feather="check"></i>
                  </div>
                </div>
              </div>
              <div>
                <span class="h6">远程控制方便</span>
                <p class="text-sm text-muted mb-0">
                  平板、电脑就可轻松发起远程控制。
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="slice slice-lg bg-section-secondary" style="display: none;">
    <div class="container text-center">
      <div class="row justify-content-center mb-6">
        <div class="col-lg-8">
          <!-- Title -->
          <h2 class="h1 strong-600">
            Complete features at your hand
          </h2>
          <!-- Text -->
          <p class="text-muted">
            Thousands of developers around the world have already made Quick the main tool for building websites.
          </p>
        </div>
      </div>
      <!-- Pricing -->
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md">
          <div class="card card-pricing text-center px-3 hover-scale-110">
            <div class="card-header py-5 border-0 delimiter-bottom">
              <div class="h1 text-center mb-0">$<span class="price font-weight-bolder">49</span></div>
              <span class="h6 text-muted">Standard License</span>
            </div>
            <div class="card-body">
              <ul class="list-unstyled text-sm mb-4">
                <li class="py-2">1 end product</li>
                <li class="py-2">Use for personal or a client</li>
                <li class="py-2">Use in a free end product</li>
                <li class="py-2">6 months technical support</li>
              </ul>
              <a href="#" class="btn btn-sm btn-warning hover-translate-y-n3 hover-shadow-lg mb-3">Purchase now</a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md">
          <div class="card card-pricing bg-dark text-center px-3 border-0 hover-scale-110">
            <div class="card-header py-5 border-0 delimiter-bottom">
              <div class="h1 text-white text-center mb-0">$<span class="price font-weight-bolder">590</span></div>
              <span class="h6 text-white">Extended License</span>
            </div>
            <div class="card-body">
              <ul class="list-unstyled text-white text-sm opacity-8 mb-4">
                <li class="py-2">1 end product</li>
                <li class="py-2">Use for personal or a client</li>
                <li class="py-2">Use in a free end product</li>
                <li class="py-2">Use in an end product that is <strong
                    class="text-success text-underline--dashed">sold</strong></li>
                <li class="py-2">6 months technical support</li>
              </ul>
              <a href="#" class="btn btn-sm btn-white hover-translate-y-n3 hover-shadow-lg mb-3">Purchase now</a>
            </div>
          </div>
        </div>
      </div>
      <div class="mt-5 text-center">
        <p class="mb-2">
          Both pricings contains all 6 months free support. Need more?
        </p>
        <a href="#" class="text-primary text-underline--dashed">Contact us<i data-feather="arrow-right"
            class="ml-2"></i></a>
      </div>
    </div>
  </section>
  <footer class="position-relative" id="footer-main">
    <div class="footer pt-lg-7 footer-dark bg-dark">
      <!-- SVG shape -->
      <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
        <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
          preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;"
          xml:space="preserve" class=" fill-section-secondary">
          <polygon points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
      <!-- Footer -->
      <div class="container pt-4">
        <div class="row">
          <div class="col-lg-4 mb-5 mb-lg-0">
            <!-- Theme's logo -->
            <a href="index.html">
              <img alt="Image placeholder" src="assets/img/logo.png" id="footer-logo">
            </a>
            <!-- Webpixels' mission -->
            <p class="mt-4 text-sm opacity-8 pr-lg-4">
              百百堡垒机是基于HTML5,不需要插件或客户端软件。没有公网计算机也能够进行控制，并且还提供了内网端口穿透功能。整个系统免费使用，没有任何广告，功能以及性能都没有限制。致力于打造低成本的堡垒机系统。
            </p>
            <!-- Social -->
            <ul class="nav mt-4">
              <li class="nav-item">
                <a class="nav-link" href="https://gitee.com/baibaiclouds/platform" target="_blank">
                  <i class="fab fa-github"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-lg-6 col-6 col-sm-6 mb-5 mb-lg-0">
            <h6 class="heading mb-3">联系我们</h6>
            <ul class="list-unstyled">
              <li>
                <img src="https://img-blog.csdnimg.cn/20200726232850251.png">
              </li>
            </ul>
          </div>
        </div>
        <hr class="divider divider-fade divider-dark my-4">
        <div class="row align-items-center justify-content-md-between pb-4">
          <div class="col-md-6">
            <div class="copyright text-sm font-weight-bold text-center text-md-left">
              &copy; 2021 <a href="#" class="font-weight-bold" target="_blank">百百</a>. All
              rights reserved
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Core JS  -->
  <script src="assets/libs/jquery/dist/jquery.min.js"></script>
  <script src="assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/libs/svg-injector/dist/svg-injector.min.js"></script>
  <script src="assets/libs/feather-icons/dist/feather.min.js"></script>
  <!-- Quick JS -->
  <script src="assets/js/jquery-1.11.1.min.js"></script>
  <script src="assets/js/common.js"></script>
  <script src="assets/js/quick-website.min.js"></script>
  <!-- Feather Icons -->
  <script>
    feather.replace({
      'width': '1em',
      'height': '1em'
    })
  </script>
</body>

</html>